<!DOCTYPE html>
<html lang="en">
<head>
    <base href=""/>
    <meta charset="UTF-8">
    <title>故障维修记录</title>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
    <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>

    <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type='text/javascript' src='../static/js/breakRepairRecord.js'></script>
    <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
<div class="top"></div>
<div class="part">
    <h4 class="partTitle"><strong>故障维修记录查询</strong></h4>
    <form class="form-horizontal" id="searchBreakRepairRecord">
        <input id="rows" name="rows" hidden="hidden" value="10">
        <input id="page" name="page" hidden="hidden" value="1">
         <div class="form-group">
           <div class="col-md-3 col3ConditionAll">
	            <label for="EquipmentName" class="col-sm-4 control-label partConditionTitle">设备名称</label>
	            <div class="col-sm-8 partCondition">
	                <input maxlength="20" id="EquipmentName" name="EquipmentName" class="form-control">
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	           <label for="StartRepairDTTM" class="col-sm-4 control-label partConditionTitle">开始报修时间</label>
	           <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
	              <input id="StartRepairDTTM" name="startRepairDTTM" class="form-control" type="text">
	              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	           </div>
           </div>
           <div class="col-md-3 col3ConditionAll">
	           <label for="EndRepairDTTM" class="col-sm-4 control-label partConditionTitle">结束报修时间</label>
	           <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
	              <input id="EndRepairDTTM" name="endRepairDTTM" class="form-control" type="text">
	              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	           </div>
           </div>
       </div>
    </form>
    <div class="form-group">
        <button class="btn btn-primary" type="button" onclick="searchRepairRecord()">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
        </button>
    </div>
</div>
<div class="part">
    <h4 class="partTitle"><strong>故障维修记录列表</strong></h4>
    <div class="partTable">
        <table class="table table-hover" id="repairRecordTable">
            <thead>
            <tr>
                <th class = "nowidth">序号</th>
                <th>设备名称</th>
                <th>故障部位</th>
                <th>故障描述</th>
                <th>报修时间</th>
                <th>维修时间</th>
                <th>维修内容</th>
                <th>维修结果</th>
                <th>维修人员</th>
                <th>充电工</th>
                <th>站长</th>
                <th>修复时间</th>
                <th>备注</th>
            </tr>
            </thead>
            <tbody id="repairRecordTbody">
            </tbody>
        </table>
    </div>
    <div class="partBtn">
        <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
            <span><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
        </button>
        <div class="partTurnPage">
            <ul class="list-inline">
                <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
                <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
                <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
                <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
                <li id="total">共0条 / 共0页</li>
                <li>转到</li>
                <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
                <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
            </ul>
        </div>
    </div>
</div>
<!--隐藏框-->
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
    <div class = "popupTable">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true" class="close">&times;</span>
            </button>
            <h4 class="modal-title" id = "saveTitle"></h4>
        </div>
        <div class="modal-body">
            <form id="saveForm">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>设备名称</th>
                        <th>故障部位</th>
                        <th>故障描述</th>
                        <th>报修时间</th>
                        <th>维修时间</th>
                        <th>维修内容</th>
                        <th>维修结果</th>
                        <th>维修人员</th>
                        <th>充电工</th>
                        <th>站长</th>
                        <th>修复时间</th>
                        <th>备注</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="text" maxlength="10" class="form-control" id="saveEquipmentName" name="saveEquipmentName"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveTroubleLocation" name="saveTroubleLocation"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveFaultDescription" name="saveFaultDescription"></td>
                        <td>
                           <div id="saveRepairDate" class="input-group date" data-date-format="yyyy-mm-dd hh:ii">
                             <input id="saveRepairTime" name="saveRepairTime" class="form-control" type="text">
                             <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </td>
                        <td>
                            <div id="saveServicingDate" class="input-group date" data-date-format="yyyy-mm-dd hh:ii">
                              <input id="saveServicingTime" name="saveServicingTime" class="form-control" type="text">
                              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveMaintenanceContent" name="saveMaintenanceContent"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveMaintenanceResults" name="saveMaintenanceResults"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveServiceMan" name="saveServiceman"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveChargingMan" name="saveChargingMan"></td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveStationHead" name="saveStationHead"></td>
                        <td>
                            <div id="saveRecoveryDate" class="input-group date" data-date-format="yyyy-mm-dd hh:ii">
                              <input id="saveRecoveryTime" name="saveRecoveryTime" class="form-control" type="text">
                              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </td>
                        <td><input type="text" maxlength="60" class="form-control" id="saveRemark" name="saveRemark"></td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" onclick="confirm();">确定</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
        </div>
    </div>
</div>
</body>
</html>
